<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?>
<!--返回错误信息-->
<?php echo validation_errors(); ?>
<!DOCTYPE html>
<html lang="en">

<head>
    <?php
    $title = [
        'title' => '采购管理',
    ];
    $this->load->view('/admin/common/header', $title);
    ?>
</head>

<body data-type="widgets">
<script src="/assets/js/theme.js"></script>
<div class="am-g tpl-g">

<!--    头部   侧边菜单-->
    <?php $this->load->view('/admin/common/bodyLeft'); ?>
    <script type="text/javascript">
    	$(".js-sidebar-nav>li:nth-child(7)>ul").show(80);
    	$(".js-sidebar-nav>li:nth-child(7)>a>span").addClass("sidebar-nav-sub-ico-rotate");
    	$(".js-sidebar-nav>li:nth-child(7)>ul>li:nth-child(1)>a").addClass("active");
    </script>
    <!-- 内容区域 -->
    <div class="tpl-content-wrapper">
        <div class="row-content am-cf">
            <div class="row">
                <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
                    <form action="/admin/procurement/remove" id="form_admin" method="post">
                    <div class="widget am-cf">
                        <div class="widget-head am-cf">
                            <div class="widget-title  am-cf">
                                <ol class="am-breadcrumb am-breadcrumb-slash">
                                    <li><a href="/admin/procurement/index?page=1">采购管理</a></li>
                                    <li class="am-active">采购需求单</li>
                                </ol>
                            </div>
                        </div>
                            <div class="widget-body  am-fr">
                                <div class="am-u-sm-12 am-u-md-6 am-u-lg-6 am-form-group">
                                    <div class="am-btn-toolbar">
                                        <div class="am-alert am-alert-danger" id="data-alert" style="display: none;margin: 4px 0 10px 10px;font-size: 1.6rem;">
                                            <p>开始日期应小于结束日期</p>
                                        </div>
                                        <div class="am-g">
                                            <div class="am-u-sm-6">
                                                <button type="button" class="am-btn am-btn-default am-margin-right" id="my-start">创建日期</button><span id="my-startDate"></span>
                                            </div>
                                            <div class="am-u-sm-6">
                                                <button type="button" class="am-btn am-btn-default am-margin-right" id="my-end">结束日期</button><span id="my-endDate"></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="am-u-sm-12 am-u-md-6 am-u-lg-6">

                                    <div class="am-u-sm-12 am-u-md-6 am-u-lg-6">
                                        <div class="am-form-group tpl-table-list-select">
                                            <select data-am-selected="{btnSize: 'sm',btnWidth: '100%'}" id="getStatus">
                                                <option value="null">请选择状态</option>
                                                <option value="0" >待提交</option>
                                                <option value="1" >审核中</option>
                                                <option value="2" >已审核</option>
                                                <option value="3" >已作废</option>
                                                <option value="4" >已拒绝</option>
                                                <option value="5" >已完成</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="am-u-sm-12 am-u-md-6 am-u-lg-6">
                                        <div class="am-form-group am-input-group am-input-group-sm tpl-form-border-form cl-p">
        <!--                                    <form action="/admin/user/search" method="get">-->
                                            <input type="text" class="am-form-field" name="search" id="searchValue" placeholder="请输入需求单名称">
                                            <span class="am-input-group-btn">
                                                <a href="javascript:void(0);" id="search" class="am-btn  am-btn-default am-btn-success tpl-table-list-field am-icon-search">搜索</a>
                                            </span>
        <!--                                    </form>-->
                                        </div>
                                    </div> 
                                </div>
                                    <div class="am-u-sm-12">
                                        <div class="am-btn-toolbar am-u-sm-12">
                                            <div class=" am-btn-group-xs">
                                                <a href="/admin/procurement/addView" class="am-btn am-btn-default am-btn-primary"><span class="am-icon-plus"></span> 新增需求单</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="am-u-sm-12">
                                        <table width="100%" class="am-table am-table-compact am-table-striped tpl-table-black "
                                               id="example-r">
                                            <thead>
                                            <tr>
                                                <th style="width: 120px">需求单编号</th>
                                                <th style="width: 120px">需求单类型</th>
                                                <th style="width: 120px">需求单名称</th>
                                                <th style="width: 120px">所属项目</th>
                                                <th style="width: 100px">种类/数量</th>
                                                <th style="width: 100px">采购金额</th>
                                                <th style="width: 90px">状态</th>
    <!--                                            <th>发起时间</th>-->
                                                <th style="width: 120px">操作</th>
                                            </tr>
                                            </thead>
                                            <tbody class="choose-box">
                                            <?php
                                            if($list){
                                            foreach ($list as $v) {
    //                                            if($v['type'] == 1){
    //                                                $v['type'] = '普通需求单';
    //                                            }else{
    //                                                $v['type'] = '招投标项目需求单';
    //                                            }
    //                                            echo '<tr class="gradeX">
    //                                                <td>
    //                                                    <label class="am-checkbox-inline">
    //                                                      <input type="checkbox" value='.$v['id'].' name="del_id[]" class="checkitem">
    //                                                    </label>
    //                                                 </td>';
                                                 echo '
                                                    <tr>
                                                     <td><a href="/admin/procurement/editView?id='.$v['id'].'">'.$v['needCode'].'</a></td>
                                                     <td>'.$v['type'].'</td>
                                                     <td>'.$v['name'].'</td>
                                                   <td>'.$v['source'].'</td>
                                                   <td>'.$v['attribute'].'</td>
                                                   <td>'.$v['amount'].'</td>';


                                                switch ($v['status']){
                                                    case 0;
                                                          echo '<td>待提交</td>
                                                                <td>
                                                                <div class="tpl-table-black-operation">
                                                                 <a href="/admin/procurement/editView?id='.$v['id'].'">
                                                                        <i class="am-icon-pencil"></i> 编辑
                                                                    </a>
                                                                 <a href="#" data-id="'.$v['id'].'" class="tpl-table-black-operation-del">
                                                                    <i class="am-icon-trash"></i> 删除
                                                                </a>
                                                                </div>
                                                                </td>
                                                                </tr>';
                                                          break;
                                                    case 1;
                                                        echo '<td>审核中</td><td>
                                                        <div class="tpl-table-black-operation">
                                                         <a href="/admin/procurement/invalid?id='.$v['id'].'"  class="tpl-table-black-operation-del">
                                                                <i class="am-icon-times-circle"></i> 作废
                                                         </a>
                                                        </div>
                                                        </td>
                                                        </tr>';
                                                        break;
                                                    case 2;
                                                        if($v['type'] == '普通需求单'){
                                                            echo '<td>已审核</td><td>
                                                        <div class="tpl-table-black-operation">
                                                            <a href="/admin/procurement/purchaseOrderAddView?needCode='.$v['needCode'].'" class="">
                                                                <i class="am-icon-truck"></i> 去进货
                                                            </a>

                                                            <a href="/admin/procurement/invalid?id='.$v['id'].'" class="tpl-table-black-operation-del"> 
                                                                <i class="am-icon-times-circle"></i> 作废
                                                            </a>
                                                         
                                                    </div>
                                                    </td>
                                                    </tr>';
                                                        }else{
                                                            echo '<td>已审核</td><td>
                                                        <div class="tpl-table-black-operation">
                                                            <a href="/admin/bidding/addView?needCode='.$v['needCode'].'" class="">
                                                                <i class="am-icon-truck"></i> 去招投标
                                                            </a>
                                                            <a href="/admin/procurement/invalid?id='.$v['id'].'"  class="tpl-table-black-operation-del"> 
                                                                <i class="am-icon-times-circle"></i> 作废
                                                            </a>
                                                         
                                                        </div>
                                                        </tr>';
                                                        }

                                                        break;
                                                    case 3;
                                                        echo '<td>已作废</td><td>
                                                        <div class="tpl-table-black-operation">
                                                         <a href="javascript:void(0);" class="am-btn am-btn-default tpl-table-black-operation-del am-disabled">
                                                                <i class="am-icon-times-circle"></i> 已作废
                                                            </a>
                                                    </div>
                                                    </td>
                                                    </tr>';
                                                        break;
                                                    case 4;
                                                        echo '<td>已拒绝</td><td>
                                                        <div class="tpl-table-black-operation">
                                                         <a href="javascript:void(0);" class="am-btn am-btn-default am-disabled">已拒绝 </a>
                                                    </div>
                                                    </td>
                                                    </tr>';
                                                        break;
                                                    case 5;
                                                        echo '<td>已完成</td><td>
                                                        <div class="tpl-table-black-operation">
                                                    </div>
                                                    </td>
                                                    </tr>';
                                                        break;

                                                }
    //                                                <td>'.date('Y-m-d H:i:s',$v['createTime']).'</td>
                                            }
                                            }else{
                                                echo '';
                                            }
                                            ?>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="am-u-lg-12">
                                        <div class="am-u-sm-centered">
                                            <ul class="am-pagination am-pagination-centered" id="paging">

                                            </ul>
                                        </div>
                                    </div>
                                </div>
                        </div>
                    </form>

                </div>
            </div>
        </div>
    </div>
</div>
</div>

<!-- 模拟confirm -->
<div class="am-modal am-modal-confirm" tabindex="-1" id="my-confirm">
  <div class="am-modal-dialog">
    <div class="am-modal-bd">
      确定要删除这条记录吗？
    </div>
    <div class="am-modal-footer">
      <span class="am-modal-btn" data-am-modal-cancel>取消</span>
      <span class="am-modal-btn" data-am-modal-confirm>确定</span>
    </div>
  </div>
</div>
<script>

    //单个删除
    $(".tpl-table-black-operation-del").on("click",function(){
        var thisId = $(this).data("id");
        $('#my-confirm').modal({
            onConfirm: function(options) {
                window.location.href = "/admin/procurement/remove?id=" + thisId;
            },
            onCancel: function() {
            }
        });
    });

</script>
<script src="/assets/js/amazeui.min.js"></script>
<script src="/assets/js/amazeui.datatables.min.js"></script>
<script src="/assets/js/dataTables.responsive.min.js"></script>
<script src="/assets/js/app.js"></script>
<script src="/assets/js/page.js"></script>
<script>
    //筛选
    var startTime,
        endTime,
        status,
        searchValue,
        page;

    $("#getStatus").on( "change" , function() {
        startTime = $("#my-startDate").text();
        endTime = $("#my-endDate").text();
        status = $("#getStatus").val();
        searchValue = $("#searchValue").val();
        page = 1;

        chooseProject(startTime,endTime,status,searchValue,page)

    });
    $("#search").on( "click" , function() {
        startTime = $("#my-startDate").text();
        endTime = $("#my-endDate").text();
        status = $("#getStatus").val();
        searchValue = $("#searchValue").val();
        page = 1;

        chooseProject(startTime,endTime,status,searchValue,page);
    });

    //筛选日期
    var startDate = new Date(2014, 11, 20);
    var endDate = new Date(2100, 11, 25);
    var $alert = $('#data-alert');
    $('#my-start').datepicker().on('changeDate.datepicker.amui', function(event) {
        
        if (event.date.valueOf() > endDate.valueOf()) {
          $alert.find('p').text('开始日期应小于结束日期！').end().show();
          return false;
          
        } else {
          $alert.hide();
          startDate = new Date(event.date);
          $('#my-startDate').text($('#my-start').data('date'));
        }
        $(this).datepicker('close');

        startTime = $("#my-startDate").text();
        endTime = $("#my-endDate").text();
        status = $("#getStatus").val();
        searchValue = $("#searchValue").val();
        page = 1;

        chooseProject(startTime,endTime,status,searchValue,page);
        
    });
    $('#my-end').datepicker().on('changeDate.datepicker.amui', function(event) {
        
        if (event.date.valueOf() < startDate.valueOf()) {
          $alert.find('p').text('结束日期应大于开始日期！').end().show();
          return false;
        } else {
          $alert.hide();
          endDate = new Date(event.date);
          $('#my-endDate').text($('#my-end').data('date'));
        }
        $(this).datepicker('close');

        startTime = $("#my-startDate").text();
        endTime = $("#my-endDate").text();
        status = $("#getStatus").val();
        searchValue = $("#searchValue").val();
        page = 1;

        chooseProject(startTime,endTime,status,searchValue,page);
       
    });

    function chooseProject(startTime,endTime,status,searchValue,page){
        $.ajax({
            type: "GET",
            url : "/api/procurement/search",
            data: {
                startTime:startTime,
                endTime: endTime,
                status: status,
                search: searchValue,
                page: page
            },
            dataType: "json",
            beforeSend:function(){
                $(".my-dark").css("display","block");
            },
            success: function(msg){
                var data = msg['0'];
                var list,
                    listStatus,
                    operation;  //操作
                console.log(data);
                if(!data[0]){
                    list += '<tr class="gradeX"><td colspan="8">暂无数据</td></tr>';
                }else{
                    for(var i = 0 ; i < data.length;i++ ){
                        listStatus = data[i].status == 0 ? '待提交' : 
                                 data[i].status == 1 ? '审核中' : 
                                 data[i].status == 2 ? '已审核' :
                                 data[i].status == 3 ? '已作废' :
                                 data[i].status == 4 ? '已拒绝' : '已完成';

                        if(data[i].status == 0) {
                            operation = '<a href="/admin/procurement/editView?id='+ data[i].id +'"><i class="am-icon-pencil"></i> 编辑</a> <a href="#" data-id="'+ data[i].id +'" class="tpl-table-black-operation-del"><i class="am-icon-trash"></i> 删除</a>';
                        }else if(data[i].status == 1) {
                            operation = '<a href="/admin/procurement/invalid?id='+ data[i].id +'"  class="tpl-table-black-operation-del"><i class="am-icon-times-circle"></i> 作废</a>';
                        }else if(data[i].status == 2) {
                            if(data[i].type == '普通需求单'){
                                operation = '<a href="/admin/procurement/purchaseOrderAddView?needCode='+ data[i].needCode +'" class=""><i class="am-icon-truck"></i> 去进货</a> <a href="/admin/procurement/invalid?id='+ data[i].id +'" class="tpl-table-black-operation-del"> <i class="am-icon-times-circle"></i> 作废</a>';
                            }else{
                                operation = '<a href="/admin/bidding/addView?needCode='+ data[i].needCode +'" class=""><i class="am-icon-truck"></i> 去招投标</a> <a href="/admin/procurement/invalid?id='+ data[i].id +'"  class="tpl-table-black-operation-del"> <i class="am-icon-times-circle"></i> 作废</a> ';
                            }
                        }else if(data[i].status == 3) {
                            operation = '<a href="javascript:void(0);" class="am-btn am-btn-default tpl-table-black-operation-del am-disabled"><i class="am-icon-times-circle"></i> 已作废</a>';
                        }else if(data[i].status == 4) {
                            operation = '<a href="javascript:void(0)" class="am-btn am-btn-default am-disabled">已拒绝 </a>'
                        }else {
                            operation = '';
                        }

                        list += '<tr>'
                                +'<td>'
                                    + '<a href="/admin/procurement/editView?id='+ data[i].id +'">'+ data[i].needCode +'</a>'
                                + '</td>'
                                + '<td>'+ data[i].type +'</td>'
                                + '<td>'+ data[i].name +'</td>'
                                + '<td>'+ data[i].source +'</td>'
                                + '<td>'+ data[i].attribute +'</td>'
                                + '<td>'+ data[i].amount +'</td>'
                                + '<td>'+ listStatus +'</td>'
                                + '<td>'
                                    + '<div class="tpl-table-black-operation">'
                                        + operation 
                                    + '</div>'
                                +'</td>'
                             + '</tr>';
                    }

                }
                $(".choose-box").html(list);

                //分页
                //设置分页信息  
                var pageOptions = {  
                    AllowPaging: true,  
                    PageIndex: msg.this_page,      //设置当前页码  
                    PageSize: msg.pageNum,       //设置分页大小  
                    RecordCount: msg.total_num,  //设置数据总数  
                    // TotalPage: ,      //设置总页数
                    showPageCount: 4,  
                    onPageClick: function(pageIndex) {  
                        chooseProject(startTime,endTime,status,searchValue,pageIndex)
                    }  
                }  
                //初始化分页栏  
                $('#paging').pageBar(pageOptions); 

            },
            complete:function(){
                $(".my-dark").css("display","none");
            },
            error: function (data) {  
               //  alert(XMLHttpRequest.status);
               //  alert(XMLHttpRequest.readyState);
               //  alert(textStatus);
            }
        });
    }
</script>
<script>
    $(document).ready(function() {  
        //设置分页信息  
        var pageOptions = {  
            AllowPaging: true,  
            PageIndex: <?php echo $_GET['page'] ?>,      //设置当前页码  
            PageSize: <?php echo $pageNum ?>,       //设置分页大小  
            RecordCount: <?php echo $totalNum ?>,  //设置数据总数  
            // TotalPage: ,      //设置总页数
            showPageCount: 4,  
            onPageClick: function(pageIndex) {  
                var page = parseInt(pageIndex);

                window.location.href = "?page="+ page; 
                
                
            }  
        }  
        //初始化分页栏
        $('#paging').pageBar(pageOptions);      
    })  
</script>
</body>

</html>